<template>
  <div id="app" class="main">
    <div id="_j_cover_box" class="set_index" style="height: 449.667px">
      <div
        class="set_bg _j_load_cover set_back"
      >
        <img
          :src="detailObj.coverUrl"
        />
      </div>
      <div class="_j_titlebg">
        <div class="title_bg"></div>
        <div data-length="8" class="view_info">
          <div class="vi_con">
            <h1
              data-length="8"
              class="headtext lh80"
              style="white-space: nowrap; overflow-wrap: normal"
            >
              {{ detailObj.title }}
            </h1>
          </div>
        </div>
      </div>
    </div>
    <div class="view_title clearfix">
      <div
        id="pagelet-block-a674ace86856fc38da868e9d1ed7b49c"
        class="pagelet-block"
      >
        <div class="vt_center">
          <div class="ding _j_ding_father">
            <a
              role="button"
              data-japp="articleding"
              rel="nofollow"
              data-iid="12655354"
              data-vote="7"
              title="顶"
              class="up_act"
              >顶</a
            >
            <div class="num _j_up_num topvote12655354">{{ detailObj.thumbsupnum }}</div>
            
          </div>
          <div data-cs-t="ginfo_person_operate" class="person">
            <a  target="_blank" class="per_pic"
              ><img width="120" height="120" src="../assets/images/default.jpg"
            /></a>
            <strong
              ><a  target="_blank" class="per_name"
                >{{ userInfo.nickname }} ( {{ userInfo.city }} )
              </a></strong
            >
            <a
              target="_blank"
              title="LV.9"
              class="per_grade"
              >{{ userInfo.level }}</a
            >
            <a
              data-japp="following"
              data-uid="67648461"
              data-follow_class="hide"
              class="per_attention"
              ><img
                src="../assets/images/btn_sfollow.gif"
                width="38"
                height="13"
                border="0"
                title="关注TA"
            /></a>
            <div class="vc_time">
              <span class="time">{{ detailObj.lastUpdateTime | dateStr("YYYY-MM-DD") }}</span>
              <span><i class="ico_view"></i>{{ detailObj.viewnum }}/{{ detailObj.replynum }}</span>
            </div>
          </div>
          <div class="bar_share _j_share_father _j_top_share_group">
            <div class="bs_collect">
              <a
                rel="nofollow"
                title="收藏"
                data-ctime="2019-05-07 21:16:29"
                class="bs_btn _j_do_fav"
                ><i></i><span>{{ detailObj.favornum }}</span><strong>收藏</strong></a
              >
            </div>
            <div class="bs_share">
              <a
                rel="nofollow"
                title="分享"
                class="bs_btn"
                ><i></i><span>{{ detailObj.sharenum }}</span><strong>分享</strong></a
              >
              <div class="bs_pop clearfix" style="display: none">
                <a
                  title="分享到新浪微博"
                  rel="nofollow"
                  role="button"
                  class="sina"
                ></a>
                <a
                  title="分享到QQ空间"
                  rel="nofollow"
                  role="button"
                  class="zone"
                ></a>
                <a
                  title="分享到微信"
                  rel="nofollow"
                  role="button"
                  class="weixin"
                ></a>
              </div>
            </div>
            <div class="bs_collect">
              <a
                class="bs_btn _j_goto_comment"
                ><i></i><strong>编辑</strong></a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="view clearfix" style="position: relative">
      <div class="view_con">
        <div class="travel_directory _j_exscheduleinfo">
          <div class="tarvel_dir_list clearfix">
            <ul>
              <li class="time">出发时间<span>/</span>{{ detailObj.travelTime | dateStr("YYYY-MM-DD") }}<i></i></li>
              <li class="day">出行天数<span>/</span>{{ detailObj.day }}天</li>
              <li class="people">人物<span>/</span>{{ detailObj.personDisplay }}</li>
              <li class="cost">人均费用<span>/</span>{{ detailObj.perExpend }}RMB</li>
            </ul>
          </div>
        </div>
        <div class="vc_article vc_articleT" style="width: 100%">
            <div v-html="detailObj.content"></div>
        </div>
        <div>
          <div id="_j_reply_list" class="mfw-cmt-wrap"></div>
          <div class="mcmt-reply-wrap _j_replywrap">
            <div class="mcmt-tab">
              <ul class="_j_replytab">
                <li data-mode="article" class="_j_publish_tab on">
                  回复游记<i></i>
                </li>
              </ul>
            </div>
            <div class="mcmt-tab-con">
              <div class="photo-con">
                <a
                  href="./u/53383161.html"
                  target="_blank"
                  title="蚂蜂测试窝用户"
                  ><img
                    src="../assets/images/wKgED1uqIreAU9QZAAAXHQMBZ74008.png"
                    alt="骡窝窝测试用户"
                /></a>
              </div>
              <div
                id="_j_editor"
                class="reply-con clearfix _j_article_mode _j_editor"
                style="display: block"
              >
                <dl>
                  <dt>
                    <div class="reply-choice">
                      <a
                        role="button"
                        id="_j_replyfacetrigger"
                        title="选择表情"
                        class="expression"
                      ></a>
                      <div class="clear"></div>
                      <div
                        id="_js_replyExpression"
                        class="art_pop art_newpop _j_face_pop hide"
                        style="display: none"
                      >
                        <div class="art_newtab">
                          <div class="newtab-nav">
                            <ul class="_j_switch_container">
                              <li class="cur _j_face_tab">小蚂小蜂</li>
                              <li class="_j_face_tab">常用表情</li>
                              <li class="_j_face_tab">人物心情</li>
                              <li class="_j_face_tab">旅行相关</li>
                              <li class="_j_face_tab">服饰运动</li>
                              <li class="_j_face_tab">食物节日</li>
                              <li class="_j_face_tab">动物植物</li>
                              <li class="_j_face_tab">工具及其他</li>
                            </ul>
                          </div>
                          <div data-page="1" class="newtab-pagin">
                            <a
                              data-type="prev"
                              href="javascript:void(0);"
                              class="newtab-prev disabled _j_face_switch"
                              ><i><i></i></i
                            ></a>
                            <a
                              data-type="next"
                              href="javascript:void(0);"
                              class="newtab-next _j_face_switch"
                              ><i><i></i></i
                            ></a>
                          </div>
                        </div>
                        <div
                          data-emotion="brands"
                          class="art_newface art_newface1 _j_emojilist"
                        >
                          <ul>
                            <li title="愤怒小蜂" class="_j_emojiitem">
                              <img src="../assets/images/38@2x.png" />
                            </li>
                            <li title="害羞小蜂" class="_j_emojiitem">
                              <img src="../assets/images/39@2x.png" />
                            </li>
                            <li title="白眼小蜂" class="_j_emojiitem">
                              <img src="../assets/images/40@2x.png" />
                            </li>
                            <li title="机智小蜂" class="_j_emojiitem">
                              <img src="../assets/images/41@2x.png" />
                            </li>
                            <li title="奸笑小蜂" class="_j_emojiitem">
                              <img src="../assets/images/42@2x.png" />
                            </li>
                            <li title="扮酷小蚂" class="_j_emojiitem">
                              <img src="../assets/images/2@2x.png" />
                            </li>
                            <li title="大哭小蜂" class="_j_emojiitem">
                              <img src="../assets/images/4@2x.png" />
                            </li>
                            <li title="大笑小蜂" class="_j_emojiitem">
                              <img src="../assets/images/5@2x.png" />
                            </li>
                            <li title="得意小蜂" class="_j_emojiitem">
                              <img src="../assets/images/6@2x.png" />
                            </li>
                            <li title="犯色相小蚂" class="_j_emojiitem">
                              <img src="../assets/images/7@2x.png" />
                            </li>
                            <li title="害羞小蚂" class="_j_emojiitem">
                              <img src="../assets/images/9@2x.png" />
                            </li>
                            <li title="尴尬小蜂" class="_j_emojiitem">
                              <img src="../assets/images/10@2x.png" />
                            </li>
                            <li title="哼小蚂" class="_j_emojiitem">
                              <img src="../assets/images/11@2x.png" />
                            </li>
                            <li title="坏笑小蜂" class="_j_emojiitem">
                              <img src="../assets/images/12@2x.png" />
                            </li>
                            <li title="可怜哭小蜂" class="_j_emojiitem">
                              <img src="../assets/images/13@2x.png" />
                            </li>
                            <li title="困小蜂" class="_j_emojiitem">
                              <img src="../assets/images/15@2x.png" />
                            </li>
                            <li title="流汗小蚂" class="_j_emojiitem">
                              <img src="../assets/images/16@2x.png" />
                            </li>
                            <li title="么么哒小蚂" class="_j_emojiitem">
                              <img src="../assets/images/17@2x.png" />
                            </li>
                            <li title="晕小蜂" class="_j_emojiitem">
                              <img src="../assets/images/18@2x.png" />
                            </li>
                            <li title="爱心小蜂" class="_j_emojiitem">
                              <img src="../assets/images/20@2x.png" />
                            </li>
                            <li title="偷笑小蚂" class="_j_emojiitem">
                              <img src="../assets/images/21@2x.png" />
                            </li>
                            <li title="微笑小蚂" class="_j_emojiitem">
                              <img src="../assets/images/23@2x.png" />
                            </li>
                            <li title="心碎小蜂" class="_j_emojiitem">
                              <img src="../assets/images/24@2x.png" />
                            </li>
                            <li title="再见小蜂" class="_j_emojiitem">
                              <img src="../assets/images/28@2x.png" />
                            </li>
                            <li title="赞小蜂" class="_j_emojiitem">
                              <img src="../assets/images/29@2x.png" />
                            </li>
                            <li title="抓狂小蚂" class="_j_emojiitem">
                              <img src="../assets/images/31@2x.png" />
                            </li>
                            <li title="捂脸小蜂" class="_j_emojiitem">
                              <img src="../assets/images/36@2x.png" />
                            </li>
                            <li title="笑哭" class="_j_emojiitem">
                              <img src="../assets/images/37@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="golden"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="大笑" class="_j_emojiitem">
                              <img src="../assets/images/1@2x.png" />
                            </li>
                            <li title="微笑" class="_j_emojiitem">
                              <img src="../assets/images/2@2x(1).png" />
                            </li>
                            <li title="亲亲" class="_j_emojiitem">
                              <img src="../assets/images/3@2x.png" />
                            </li>
                            <li title="色色" class="_j_emojiitem">
                              <img src="../assets/images/5@2x(1).png" />
                            </li>
                            <li title="笑cry" class="_j_emojiitem">
                              <img src="../assets/images/79@2x.png" />
                            </li>
                            <li title="无奈" class="_j_emojiitem">
                              <img src="../assets/images/6@2x(1).png" />
                            </li>
                            <li title="睡觉" class="_j_emojiitem">
                              <img src="../assets/images/19@2x.png" />
                            </li>
                            <li title="害羞" class="_j_emojiitem">
                              <img src="../assets/images/8@2x.png" />
                            </li>
                            <li title="酷" class="_j_emojiitem">
                              <img src="../assets/images/9@2x(1).png" />
                            </li>
                            <li title="鬼脸" class="_j_emojiitem">
                              <img src="../assets/images/12@2x(1).png" />
                            </li>
                            <li title="大哭" class="_j_emojiitem">
                              <img src="../assets/images/21@2x(1).png" />
                            </li>
                            <li title="生气" class="_j_emojiitem">
                              <img src="../assets/images/27@2x.png" />
                            </li>
                            <li title="抓狂" class="_j_emojiitem">
                              <img src="../assets/images/52@2x.png" />
                            </li>
                            <li title="汗" class="_j_emojiitem">
                              <img src="../assets/images/54@2x.png" />
                            </li>
                            <li title="惊悚" class="_j_emojiitem">
                              <img src="../assets/images/83@2x.png" />
                            </li>
                            <li title="生病" class="_j_emojiitem">
                              <img src="../assets/images/47@2x.png" />
                            </li>
                            <li title="闭嘴" class="_j_emojiitem">
                              <img src="../assets/images/25@2x.png" />
                            </li>
                            <li title="精灵" class="_j_emojiitem">
                              <img src="../assets/images/44@2x.png" />
                            </li>
                            <li title="邪恶" class="_j_emojiitem">
                              <img src="../assets/images/85@2x.png" />
                            </li>
                            <li title="魅力四射" class="_j_emojiitem">
                              <img src="../assets/images/30@2x.png" />
                            </li>
                            <li title="吻" class="_j_emojiitem">
                              <img src="../assets/images/33@2x.png" />
                            </li>
                            <li title="爱心" class="_j_emojiitem">
                              <img src="../assets/images/32@2x.png" />
                            </li>
                            <li title="心碎" class="_j_emojiitem">
                              <img src="../assets/images/31@2x(1).png" />
                            </li>
                            <li title="剪刀手" class="_j_emojiitem">
                              <img src="../assets/images/88@2x.png" />
                            </li>
                            <li title="再见" class="_j_emojiitem">
                              <img src="../assets/images/20@2x(1).png" />
                            </li>
                            <li title="赞" class="_j_emojiitem">
                              <img src="../assets/images/28@2x(1).png" />
                            </li>
                            <li title="鼓掌" class="_j_emojiitem">
                              <img src="../assets/images/96@2x.png" />
                            </li>
                            <li title="祈祷" class="_j_emojiitem">
                              <img src="../assets/images/78@2x.png" />
                            </li>
                            <li title="甜蜜" class="_j_emojiitem">
                              <img src="../assets/images/104@2x.png" />
                            </li>
                            <li title="太阳" class="_j_emojiitem">
                              <img src="../assets/images/72@2x.png" />
                            </li>
                            <li title="下雨" class="_j_emojiitem">
                              <img src="../assets/images/67@2x.png" />
                            </li>
                            <li title="闪电" class="_j_emojiitem">
                              <img src="../assets/images/110@2x.png" />
                            </li>
                            <li title="雪" class="_j_emojiitem">
                              <img src="../assets/images/112@2x.png" />
                            </li>
                            <li title="星星" class="_j_emojiitem">
                              <img src="../assets/images/43@2x.png" />
                            </li>
                            <li title="月亮" class="_j_emojiitem">
                              <img src="../assets/images/62@2x.png" />
                            </li>
                            <li title="飞机" class="_j_emojiitem">
                              <img src="../assets/images/114@2x.png" />
                            </li>
                            <li title="自行车" class="_j_emojiitem">
                              <img src="../assets/images/132@2x.png" />
                            </li>
                            <li title="人民币" class="_j_emojiitem">
                              <img src="../assets/images/56@2x.png" />
                            </li>
                            <li title="王冠" class="_j_emojiitem">
                              <img src="../assets/images/162@2x.png" />
                            </li>
                            <li title="足球" class="_j_emojiitem">
                              <img src="../assets/images/41@2x(1).png" />
                            </li>
                            <li title="苹果" class="_j_emojiitem">
                              <img src="../assets/images/38@2x(1).png" />
                            </li>
                            <li title="香蕉" class="_j_emojiitem">
                              <img src="../assets/images/184@2x.png" />
                            </li>
                            <li title="西瓜" class="_j_emojiitem">
                              <img src="../assets/images/39@2x(1).png" />
                            </li>
                            <li title="糖果" class="_j_emojiitem">
                              <img src="../assets/images/196@2x.png" />
                            </li>
                            <li title="蜂蜜" class="_j_emojiitem">
                              <img src="../assets/images/197@2x.png" />
                            </li>
                            <li title="餐厅" class="_j_emojiitem">
                              <img src="../assets/images/64@2x.png" />
                            </li>
                            <li title="咖啡" class="_j_emojiitem">
                              <img src="../assets/images/40@2x(1).png" />
                            </li>
                            <li title="干杯" class="_j_emojiitem">
                              <img src="../assets/images/16@2x(1).png" />
                            </li>
                            <li title="蝴蝶结" class="_j_emojiitem">
                              <img src="../assets/images/201@2x.png" />
                            </li>
                            <li title="礼物" class="_j_emojiitem">
                              <img src="../assets/images/37@2x(1).png" />
                            </li>
                            <li title="生日蛋糕" class="_j_emojiitem">
                              <img src="../assets/images/36@2x(1).png" />
                            </li>
                            <li title="庆祝" class="_j_emojiitem">
                              <img src="../assets/images/207@2x.png" />
                            </li>
                            <li title="蚂蚁" class="_j_emojiitem">
                              <img src="../assets/images/211@2x.png" />
                            </li>
                            <li title="蜜蜂" class="_j_emojiitem">
                              <img src="../assets/images/212@2x.png" />
                            </li>
                            <li title="狗狗" class="_j_emojiitem">
                              <img src="../assets/images/69@2x.png" />
                            </li>
                            <li title="猫猫" class="_j_emojiitem">
                              <img src="../assets/images/68@2x.png" />
                            </li>
                            <li title="兔子" class="_j_emojiitem">
                              <img src="../assets/images/215@2x.png" />
                            </li>
                            <li title="樱花" class="_j_emojiitem">
                              <img src="../assets/images/232@2x.png" />
                            </li>
                            <li title="玫瑰" class="_j_emojiitem">
                              <img src="../assets/images/35@2x.png" />
                            </li>
                            <li title="时钟" class="_j_emojiitem">
                              <img src="../assets/images/235@2x.png" />
                            </li>
                            <li title="放大镜" class="_j_emojiitem">
                              <img src="../assets/images/237@2x.png" />
                            </li>
                            <li title="注意" class="_j_emojiitem">
                              <img src="../assets/images/51@2x.png" />
                            </li>
                            <li title="铅笔" class="_j_emojiitem">
                              <img src="../assets/images/240@2x.png" />
                            </li>
                            <li title="信" class="_j_emojiitem">
                              <img src="../assets/images/73@2x.png" />
                            </li>
                            <li title="灯泡" class="_j_emojiitem">
                              <img src="../assets/images/243@2x.png" />
                            </li>
                            <li title="对话" class="_j_emojiitem">
                              <img src="../assets/images/245@2x.png" />
                            </li>
                            <li title="图钉" class="_j_emojiitem">
                              <img src="../assets/images/246@2x.png" />
                            </li>
                            <li title="喇叭" class="_j_emojiitem">
                              <img src="../assets/images/247@2x.png" />
                            </li>
                            <li title="音乐" class="_j_emojiitem">
                              <img src="../assets/images/63@2x.png" />
                            </li>
                            <li title="置顶" class="_j_emojiitem">
                              <img src="../assets/images/258@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="character"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="大笑" class="_j_emojiitem">
                              <img src="../assets/images/1@2x.png" />
                            </li>
                            <li title="微笑" class="_j_emojiitem">
                              <img src="../assets/images/2@2x(1).png" />
                            </li>
                            <li title="亲亲" class="_j_emojiitem">
                              <img src="../assets/images/3@2x.png" />
                            </li>
                            <li title="色色" class="_j_emojiitem">
                              <img src="../assets/images/5@2x(1).png" />
                            </li>
                            <li title="笑cry" class="_j_emojiitem">
                              <img src="../assets/images/79@2x.png" />
                            </li>
                            <li title="无奈" class="_j_emojiitem">
                              <img src="../assets/images/6@2x(1).png" />
                            </li>
                            <li title="睡觉" class="_j_emojiitem">
                              <img src="../assets/images/19@2x.png" />
                            </li>
                            <li title="害羞" class="_j_emojiitem">
                              <img src="../assets/images/8@2x.png" />
                            </li>
                            <li title="酷" class="_j_emojiitem">
                              <img src="../assets/images/9@2x(1).png" />
                            </li>
                            <li title="晕倒" class="_j_emojiitem">
                              <img src="../assets/images/10@2x(1).png" />
                            </li>
                            <li title="眨眼" class="_j_emojiitem">
                              <img src="../assets/images/11@2x(1).png" />
                            </li>
                            <li title="鬼脸" class="_j_emojiitem">
                              <img src="../assets/images/12@2x(1).png" />
                            </li>
                            <li title="大哭" class="_j_emojiitem">
                              <img src="../assets/images/21@2x(1).png" />
                            </li>
                            <li title="大怒" class="_j_emojiitem">
                              <img src="../assets/images/46@2x.png" />
                            </li>
                            <li title="生气" class="_j_emojiitem">
                              <img src="../assets/images/27@2x.png" />
                            </li>
                            <li title="不爽" class="_j_emojiitem">
                              <img src="../assets/images/53@2x.png" />
                            </li>
                            <li title="尴尬" class="_j_emojiitem">
                              <img src="../assets/images/80@2x.png" />
                            </li>
                            <li title="嘴馋" class="_j_emojiitem">
                              <img src="../assets/images/50@2x.png" />
                            </li>
                            <li title="呵呵" class="_j_emojiitem">
                              <img src="../assets/images/81@2x.png" />
                            </li>
                            <li title="冷漠" class="_j_emojiitem">
                              <img src="../assets/images/131@2x.png" />
                            </li>
                            <li title="失落" class="_j_emojiitem">
                              <img src="../assets/images/34@2x.png" />
                            </li>
                            <li title="困惑" class="_j_emojiitem">
                              <img src="../assets/images/17@2x(1).png" />
                            </li>
                            <li title="吃惊" class="_j_emojiitem">
                              <img src="../assets/images/14@2x.png" />
                            </li>
                            <li title="抓狂" class="_j_emojiitem">
                              <img src="../assets/images/52@2x.png" />
                            </li>
                            <li title="汗" class="_j_emojiitem">
                              <img src="../assets/images/54@2x.png" />
                            </li>
                            <li title="焦虑" class="_j_emojiitem">
                              <img src="../assets/images/82@2x.png" />
                            </li>
                            <li title="惊悚" class="_j_emojiitem">
                              <img src="../assets/images/83@2x.png" />
                            </li>
                            <li title="生病" class="_j_emojiitem">
                              <img src="../assets/images/47@2x.png" />
                            </li>
                            <li title="药丸" class="_j_emojiitem">
                              <img src="../assets/images/76@2x.png" />
                            </li>
                            <li title="闭嘴" class="_j_emojiitem">
                              <img src="../assets/images/25@2x.png" />
                            </li>
                            <li title="小丑" class="_j_emojiitem">
                              <img src="../assets/images/45@2x.png" />
                            </li>
                            <li title="精灵" class="_j_emojiitem">
                              <img src="../assets/images/44@2x.png" />
                            </li>
                            <li title="天使" class="_j_emojiitem">
                              <img src="../assets/images/84@2x.png" />
                            </li>
                            <li title="邪恶" class="_j_emojiitem">
                              <img src="../assets/images/85@2x.png" />
                            </li>
                            <li title="骷髅" class="_j_emojiitem">
                              <img src="../assets/images/70@2x.png" />
                            </li>
                            <li title="魅力四射" class="_j_emojiitem">
                              <img src="../assets/images/30@2x.png" />
                            </li>
                            <li title="吻" class="_j_emojiitem">
                              <img src="../assets/images/33@2x.png" />
                            </li>
                            <li title="爱心" class="_j_emojiitem">
                              <img src="../assets/images/32@2x.png" />
                            </li>
                            <li title="心碎" class="_j_emojiitem">
                              <img src="../assets/images/31@2x(1).png" />
                            </li>
                            <li title="看" class="_j_emojiitem">
                              <img src="../assets/images/86@2x.png" />
                            </li>
                            <li title="嘴唇" class="_j_emojiitem">
                              <img src="../assets/images/87@2x.png" />
                            </li>
                            <li title="剪刀手" class="_j_emojiitem">
                              <img src="../assets/images/88@2x.png" />
                            </li>
                            <li title="击掌" class="_j_emojiitem">
                              <img src="../assets/images/89@2x.png" />
                            </li>
                            <li title="上" class="_j_emojiitem">
                              <img src="../assets/images/90@2x.png" />
                            </li>
                            <li title="下" class="_j_emojiitem">
                              <img src="../assets/images/91@2x.png" />
                            </li>
                            <li title="左" class="_j_emojiitem">
                              <img src="../assets/images/92@2x.png" />
                            </li>
                            <li title="右" class="_j_emojiitem">
                              <img src="../assets/images/93@2x.png" />
                            </li>
                            <li title="再见" class="_j_emojiitem">
                              <img src="../assets/images/20@2x(1).png" />
                            </li>
                            <li title="OK" class="_j_emojiitem">
                              <img src="../assets/images/94@2x.png" />
                            </li>
                            <li title="赞" class="_j_emojiitem">
                              <img src="../assets/images/28@2x(1).png" />
                            </li>
                            <li title="加油" class="_j_emojiitem">
                              <img src="../assets/images/95@2x.png" />
                            </li>
                            <li title="鼓掌" class="_j_emojiitem">
                              <img src="../assets/images/96@2x.png" />
                            </li>
                            <li title="祈祷" class="_j_emojiitem">
                              <img src="../assets/images/78@2x.png" />
                            </li>
                            <li title="举手" class="_j_emojiitem">
                              <img src="../assets/images/97@2x.png" />
                            </li>
                            <li title="不行" class="_j_emojiitem">
                              <img src="../assets/images/98@2x.png" />
                            </li>
                            <li title="狼狈" class="_j_emojiitem">
                              <img src="../assets/images/130@2x.png" />
                            </li>
                            <li title="男孩" class="_j_emojiitem">
                              <img src="../assets/images/74@2x.png" />
                            </li>
                            <li title="女孩" class="_j_emojiitem">
                              <img src="../assets/images/75@2x.png" />
                            </li>
                            <li title="男人" class="_j_emojiitem">
                              <img src="../assets/images/99@2x.png" />
                            </li>
                            <li title="女人" class="_j_emojiitem">
                              <img src="../assets/images/100@2x.png" />
                            </li>
                            <li title="爷爷" class="_j_emojiitem">
                              <img src="../assets/images/101@2x.png" />
                            </li>
                            <li title="奶奶" class="_j_emojiitem">
                              <img src="../assets/images/102@2x.png" />
                            </li>
                            <li title="宝宝" class="_j_emojiitem">
                              <img src="../assets/images/103@2x.png" />
                            </li>
                            <li title="甜蜜" class="_j_emojiitem">
                              <img src="../assets/images/104@2x.png" />
                            </li>
                            <li title="家庭" class="_j_emojiitem">
                              <img src="../assets/images/105@2x.png" />
                            </li>
                            <li title="情侣" class="_j_emojiitem">
                              <img src="../assets/images/106@2x.png" />
                            </li>
                            <li title="基友" class="_j_emojiitem">
                              <img src="../assets/images/107@2x.png" />
                            </li>
                            <li title="闺蜜" class="_j_emojiitem">
                              <img src="../assets/images/108@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="travel"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="太阳" class="_j_emojiitem">
                              <img src="../assets/images/72@2x.png" />
                            </li>
                            <li title="云" class="_j_emojiitem">
                              <img src="../assets/images/109@2x.png" />
                            </li>
                            <li title="下雨" class="_j_emojiitem">
                              <img src="../assets/images/67@2x.png" />
                            </li>
                            <li title="闪电" class="_j_emojiitem">
                              <img src="../assets/images/110@2x.png" />
                            </li>
                            <li title="多云" class="_j_emojiitem">
                              <img src="../assets/images/111@2x.png" />
                            </li>
                            <li title="雪" class="_j_emojiitem">
                              <img src="../assets/images/112@2x.png" />
                            </li>
                            <li title="星星" class="_j_emojiitem">
                              <img src="../assets/images/43@2x.png" />
                            </li>
                            <li title="月亮" class="_j_emojiitem">
                              <img src="../assets/images/62@2x.png" />
                            </li>
                            <li title="地球" class="_j_emojiitem">
                              <img src="../assets/images/113@2x.png" />
                            </li>
                            <li title="飞机" class="_j_emojiitem">
                              <img src="../assets/images/114@2x.png" />
                            </li>
                            <li title="火箭" class="_j_emojiitem">
                              <img src="../assets/images/115@2x.png" />
                            </li>
                            <li title="直升机" class="_j_emojiitem">
                              <img src="../assets/images/116@2x.png" />
                            </li>
                            <li title="火车" class="_j_emojiitem">
                              <img src="../assets/images/117@2x.png" />
                            </li>
                            <li title="电车" class="_j_emojiitem">
                              <img src="../assets/images/118@2x.png" />
                            </li>
                            <li title="高铁" class="_j_emojiitem">
                              <img src="../assets/images/119@2x.png" />
                            </li>
                            <li title="地铁" class="_j_emojiitem">
                              <img src="../assets/images/120@2x.png" />
                            </li>
                            <li title="火车站" class="_j_emojiitem">
                              <img src="../assets/images/121@2x.png" />
                            </li>
                            <li title="巴士" class="_j_emojiitem">
                              <img src="../assets/images/122@2x.png" />
                            </li>
                            <li title="出租车" class="_j_emojiitem">
                              <img src="../assets/images/123@2x.png" />
                            </li>
                            <li title="汽车" class="_j_emojiitem">
                              <img src="../assets/images/124@2x.png" />
                            </li>
                            <li title="加油站" class="_j_emojiitem">
                              <img src="../assets/images/125@2x.png" />
                            </li>
                            <li title="码头" class="_j_emojiitem">
                              <img src="../assets/images/126@2x.png" />
                            </li>
                            <li title="游轮" class="_j_emojiitem">
                              <img src="../assets/images/127@2x.png" />
                            </li>
                            <li title="帆船" class="_j_emojiitem">
                              <img src="../assets/images/128@2x.png" />
                            </li>
                            <li title="缆车" class="_j_emojiitem">
                              <img src="../assets/images/129@2x.png" />
                            </li>
                            <li title="自行车" class="_j_emojiitem">
                              <img src="../assets/images/132@2x.png" />
                            </li>
                            <li title="红绿灯" class="_j_emojiitem">
                              <img src="../assets/images/133@2x.png" />
                            </li>
                            <li title="路障" class="_j_emojiitem">
                              <img src="../assets/images/134@2x.png" />
                            </li>
                            <li title="停车场" class="_j_emojiitem">
                              <img src="../assets/images/135@2x.png" />
                            </li>
                            <li title="残疾人专用" class="_j_emojiitem">
                              <img src="../assets/images/136@2x.png" />
                            </li>
                            <li title="ATM" class="_j_emojiitem">
                              <img src="../assets/images/137@2x.png" />
                            </li>
                            <li title="换钱" class="_j_emojiitem">
                              <img src="../assets/images/138@2x.png" />
                            </li>
                            <li title="银行卡" class="_j_emojiitem">
                              <img src="../assets/images/139@2x.png" />
                            </li>
                            <li title="人民币" class="_j_emojiitem">
                              <img src="../assets/images/56@2x.png" />
                            </li>
                            <li title="美元" class="_j_emojiitem">
                              <img src="../assets/images/140@2x.png" />
                            </li>
                            <li title="欧元" class="_j_emojiitem">
                              <img src="../assets/images/141@2x.png" />
                            </li>
                            <li title="中国" class="_j_emojiitem">
                              <img src="../assets/images/142@2x.png" />
                            </li>
                            <li title="德国" class="_j_emojiitem">
                              <img src="../assets/images/143@2x.png" />
                            </li>
                            <li title="英国" class="_j_emojiitem">
                              <img src="../assets/images/144@2x.png" />
                            </li>
                            <li title="美国" class="_j_emojiitem">
                              <img src="../assets/images/145@2x.png" />
                            </li>
                            <li title="俄罗斯" class="_j_emojiitem">
                              <img src="../assets/images/146@2x.png" />
                            </li>
                            <li title="西班牙" class="_j_emojiitem">
                              <img src="../assets/images/147@2x.png" />
                            </li>
                            <li title="意大利" class="_j_emojiitem">
                              <img src="../assets/images/148@2x.png" />
                            </li>
                            <li title="法国" class="_j_emojiitem">
                              <img src="../assets/images/149@2x.png" />
                            </li>
                            <li title="日本" class="_j_emojiitem">
                              <img src="../assets/images/150@2x.png" />
                            </li>
                            <li title="韩国" class="_j_emojiitem">
                              <img src="../assets/images/151@2x.png" />
                            </li>
                            <li title="日出" class="_j_emojiitem">
                              <img src="../assets/images/152@2x.png" />
                            </li>
                            <li title="夜景" class="_j_emojiitem">
                              <img src="../assets/images/153@2x.png" />
                            </li>
                            <li title="露营" class="_j_emojiitem">
                              <img src="../assets/images/154@2x.png" />
                            </li>
                            <li title="星空" class="_j_emojiitem">
                              <img src="../assets/images/155@2x.png" />
                            </li>
                            <li title="火山" class="_j_emojiitem">
                              <img src="../assets/images/156@2x.png" />
                            </li>
                            <li title="彩虹" class="_j_emojiitem">
                              <img src="../assets/images/157@2x.png" />
                            </li>
                            <li title="游乐园" class="_j_emojiitem">
                              <img src="../assets/images/158@2x.png" />
                            </li>
                            <li title="海浪" class="_j_emojiitem">
                              <img src="../assets/images/159@2x.png" />
                            </li>
                            <li title="房子" class="_j_emojiitem">
                              <img src="../assets/images/160@2x.png" />
                            </li>
                            <li title="足迹" class="_j_emojiitem">
                              <img src="../assets/images/161@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="apparel"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="王冠" class="_j_emojiitem">
                              <img src="../assets/images/162@2x.png" />
                            </li>
                            <li title="草帽" class="_j_emojiitem">
                              <img src="../assets/images/163@2x.png" />
                            </li>
                            <li title="零钱包" class="_j_emojiitem">
                              <img src="../assets/images/164@2x.png" />
                            </li>
                            <li title="眼镜" class="_j_emojiitem">
                              <img src="../assets/images/165@2x.png" />
                            </li>
                            <li title="女装" class="_j_emojiitem">
                              <img src="../assets/images/166@2x.png" />
                            </li>
                            <li title="男装" class="_j_emojiitem">
                              <img src="../assets/images/167@2x.png" />
                            </li>
                            <li title="裤子" class="_j_emojiitem">
                              <img src="../assets/images/168@2x.png" />
                            </li>
                            <li title="裙子" class="_j_emojiitem">
                              <img src="../assets/images/169@2x.png" />
                            </li>
                            <li title="比基尼" class="_j_emojiitem">
                              <img src="../assets/images/170@2x.png" />
                            </li>
                            <li title="和服" class="_j_emojiitem">
                              <img src="../assets/images/171@2x.png" />
                            </li>
                            <li title="跳舞" class="_j_emojiitem">
                              <img src="../assets/images/172@2x.png" />
                            </li>
                            <li title="走路" class="_j_emojiitem">
                              <img src="../assets/images/173@2x.png" />
                            </li>
                            <li title="跑步" class="_j_emojiitem">
                              <img src="../assets/images/174@2x.png" />
                            </li>
                            <li title="冲浪" class="_j_emojiitem">
                              <img src="../assets/images/175@2x.png" />
                            </li>
                            <li title="滑雪" class="_j_emojiitem">
                              <img src="../assets/images/176@2x.png" />
                            </li>
                            <li title="游泳" class="_j_emojiitem">
                              <img src="../assets/images/177@2x.png" />
                            </li>
                            <li title="钓鱼" class="_j_emojiitem">
                              <img src="../assets/images/178@2x.png" />
                            </li>
                            <li title="足球" class="_j_emojiitem">
                              <img src="../assets/images/41@2x(1).png" />
                            </li>
                            <li title="篮球" class="_j_emojiitem">
                              <img src="../assets/images/179@2x.png" />
                            </li>
                            <li title="赛车" class="_j_emojiitem">
                              <img src="../assets/images/180@2x.png" />
                            </li>
                            <li title="冠军" class="_j_emojiitem">
                              <img src="../assets/images/181@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="food"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="苹果" class="_j_emojiitem">
                              <img src="../assets/images/38@2x(1).png" />
                            </li>
                            <li title="西瓜" class="_j_emojiitem">
                              <img src="../assets/images/39@2x(1).png" />
                            </li>
                            <li title="柠檬" class="_j_emojiitem">
                              <img src="../assets/images/182@2x.png" />
                            </li>
                            <li title="葡萄" class="_j_emojiitem">
                              <img src="../assets/images/183@2x.png" />
                            </li>
                            <li title="香蕉" class="_j_emojiitem">
                              <img src="../assets/images/184@2x.png" />
                            </li>
                            <li title="橙子" class="_j_emojiitem">
                              <img src="../assets/images/185@2x.png" />
                            </li>
                            <li title="菠萝" class="_j_emojiitem">
                              <img src="../assets/images/186@2x.png" />
                            </li>
                            <li title="樱桃" class="_j_emojiitem">
                              <img src="../assets/images/187@2x.png" />
                            </li>
                            <li title="草莓" class="_j_emojiitem">
                              <img src="../assets/images/188@2x.png" />
                            </li>
                            <li title="汉堡" class="_j_emojiitem">
                              <img src="../assets/images/189@2x.png" />
                            </li>
                            <li title="肉" class="_j_emojiitem">
                              <img src="../assets/images/190@2x.png" />
                            </li>
                            <li title="面条" class="_j_emojiitem">
                              <img src="../assets/images/191@2x.png" />
                            </li>
                            <li title="快餐" class="_j_emojiitem">
                              <img src="../assets/images/192@2x.png" />
                            </li>
                            <li title="寿司" class="_j_emojiitem">
                              <img src="../assets/images/193@2x.png" />
                            </li>
                            <li title="冰淇淋" class="_j_emojiitem">
                              <img src="../assets/images/194@2x.png" />
                            </li>
                            <li title="巧克力" class="_j_emojiitem">
                              <img src="../assets/images/195@2x.png" />
                            </li>
                            <li title="糖果" class="_j_emojiitem">
                              <img src="../assets/images/196@2x.png" />
                            </li>
                            <li title="蜂蜜" class="_j_emojiitem">
                              <img src="../assets/images/197@2x.png" />
                            </li>
                            <li title="餐厅" class="_j_emojiitem">
                              <img src="../assets/images/64@2x.png" />
                            </li>
                            <li title="咖啡" class="_j_emojiitem">
                              <img src="../assets/images/40@2x(1).png" />
                            </li>
                            <li title="红酒" class="_j_emojiitem">
                              <img src="../assets/images/198@2x.png" />
                            </li>
                            <li title="果汁" class="_j_emojiitem">
                              <img src="../assets/images/199@2x.png" />
                            </li>
                            <li title="啤酒" class="_j_emojiitem">
                              <img src="../assets/images/200@2x.png" />
                            </li>
                            <li title="干杯" class="_j_emojiitem">
                              <img src="../assets/images/16@2x(1).png" />
                            </li>
                            <li title="蝴蝶结" class="_j_emojiitem">
                              <img src="../assets/images/201@2x.png" />
                            </li>
                            <li title="礼物" class="_j_emojiitem">
                              <img src="../assets/images/37@2x(1).png" />
                            </li>
                            <li title="生日蛋糕" class="_j_emojiitem">
                              <img src="../assets/images/36@2x(1).png" />
                            </li>
                            <li title="万圣节" class="_j_emojiitem">
                              <img src="../assets/images/202@2x.png" />
                            </li>
                            <li title="圣诞节" class="_j_emojiitem">
                              <img src="../assets/images/203@2x.png" />
                            </li>
                            <li title="圣诞老人" class="_j_emojiitem">
                              <img src="../assets/images/204@2x.png" />
                            </li>
                            <li title="雪人" class="_j_emojiitem">
                              <img src="../assets/images/205@2x.png" />
                            </li>
                            <li title="铃铛" class="_j_emojiitem">
                              <img src="../assets/images/206@2x.png" />
                            </li>
                            <li title="庆祝" class="_j_emojiitem">
                              <img src="../assets/images/207@2x.png" />
                            </li>
                            <li title="气球" class="_j_emojiitem">
                              <img src="../assets/images/208@2x.png" />
                            </li>
                            <li title="风铃" class="_j_emojiitem">
                              <img src="../assets/images/209@2x.png" />
                            </li>
                            <li title="灯笼" class="_j_emojiitem">
                              <img src="../assets/images/210@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="animal"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="蚂蚁" class="_j_emojiitem">
                              <img src="../assets/images/211@2x.png" />
                            </li>
                            <li title="蜜蜂" class="_j_emojiitem">
                              <img src="../assets/images/212@2x.png" />
                            </li>
                            <li title="瓢虫" class="_j_emojiitem">
                              <img src="../assets/images/213@2x.png" />
                            </li>
                            <li title="狗狗" class="_j_emojiitem">
                              <img src="../assets/images/69@2x.png" />
                            </li>
                            <li title="猫猫" class="_j_emojiitem">
                              <img src="../assets/images/68@2x.png" />
                            </li>
                            <li title="牛" class="_j_emojiitem">
                              <img src="../assets/images/214@2x.png" />
                            </li>
                            <li title="虎" class="_j_emojiitem">
                              <img src="../assets/images/263@2x.png" />
                            </li>
                            <li title="兔子" class="_j_emojiitem">
                              <img src="../assets/images/215@2x.png" />
                            </li>
                            <li title="熊猫" class="_j_emojiitem">
                              <img src="../assets/images/216@2x.png" />
                            </li>
                            <li title="熊" class="_j_emojiitem">
                              <img src="../assets/images/285@2x.png" />
                            </li>
                            <li title="考拉" class="_j_emojiitem">
                              <img src="../assets/images/217@2x.png" />
                            </li>
                            <li title="猴子" class="_j_emojiitem">
                              <img src="../assets/images/218@2x.png" />
                            </li>
                            <li title="猪头" class="_j_emojiitem">
                              <img src="../assets/images/60@2x.png" />
                            </li>
                            <li title="青蛙" class="_j_emojiitem">
                              <img src="../assets/images/219@2x.png" />
                            </li>
                            <li title="仓鼠" class="_j_emojiitem">
                              <img src="../assets/images/220@2x.png" />
                            </li>
                            <li title="鸡" class="_j_emojiitem">
                              <img src="../assets/images/221@2x.png" />
                            </li>
                            <li title="企鹅" class="_j_emojiitem">
                              <img src="../assets/images/222@2x.png" />
                            </li>
                            <li title="章鱼" class="_j_emojiitem">
                              <img src="../assets/images/223@2x.png" />
                            </li>
                            <li title="海豚" class="_j_emojiitem">
                              <img src="../assets/images/224@2x.png" />
                            </li>
                            <li title="鱼" class="_j_emojiitem">
                              <img src="../assets/images/225@2x.png" />
                            </li>
                            <li title="马" class="_j_emojiitem">
                              <img src="../assets/images/226@2x.png" />
                            </li>
                            <li title="羊" class="_j_emojiitem">
                              <img src="../assets/images/227@2x.png" />
                            </li>
                            <li title="大象" class="_j_emojiitem">
                              <img src="../assets/images/228@2x.png" />
                            </li>
                            <li title="骆驼" class="_j_emojiitem">
                              <img src="../assets/images/229@2x.png" />
                            </li>
                            <li title="仙人掌" class="_j_emojiitem">
                              <img src="../assets/images/230@2x.png" />
                            </li>
                            <li title="椰子树" class="_j_emojiitem">
                              <img src="../assets/images/231@2x.png" />
                            </li>
                            <li title="樱花" class="_j_emojiitem">
                              <img src="../assets/images/232@2x.png" />
                            </li>
                            <li title="玫瑰" class="_j_emojiitem">
                              <img src="../assets/images/35@2x.png" />
                            </li>
                            <li title="向日葵" class="_j_emojiitem">
                              <img src="../assets/images/233@2x.png" />
                            </li>
                            <li title="枫叶" class="_j_emojiitem">
                              <img src="../assets/images/234@2x.png" />
                            </li>
                          </ul>
                        </div>
                        <div
                          data-emotion="tool"
                          class="art_newface art_newface2 _j_emojilist hide"
                        >
                          <ul>
                            <li title="时钟" class="_j_emojiitem">
                              <img src="../assets/images/235@2x.png" />
                            </li>
                            <li title="倒计时" class="_j_emojiitem">
                              <img src="../assets/images/236@2x.png" />
                            </li>
                            <li title="放大镜" class="_j_emojiitem">
                              <img src="../assets/images/237@2x.png" />
                            </li>
                            <li title="环保" class="_j_emojiitem">
                              <img src="../assets/images/238@2x.png" />
                            </li>
                            <li title="注意" class="_j_emojiitem">
                              <img src="../assets/images/51@2x.png" />
                            </li>
                            <li title="停止" class="_j_emojiitem">
                              <img src="../assets/images/239@2x.png" />
                            </li>
                            <li title="铅笔" class="_j_emojiitem">
                              <img src="../assets/images/240@2x.png" />
                            </li>
                            <li title="信" class="_j_emojiitem">
                              <img src="../assets/images/73@2x.png" />
                            </li>
                            <li title="邮筒" class="_j_emojiitem">
                              <img src="../assets/images/241@2x.png" />
                            </li>
                            <li title="书" class="_j_emojiitem">
                              <img src="../assets/images/242@2x.png" />
                            </li>
                            <li title="灯泡" class="_j_emojiitem">
                              <img src="../assets/images/243@2x.png" />
                            </li>
                            <li title="火" class="_j_emojiitem">
                              <img src="../assets/images/244@2x.png" />
                            </li>
                            <li title="对话" class="_j_emojiitem">
                              <img src="../assets/images/245@2x.png" />
                            </li>
                            <li title="图钉" class="_j_emojiitem">
                              <img src="../assets/images/246@2x.png" />
                            </li>
                            <li title="喇叭" class="_j_emojiitem">
                              <img src="../assets/images/247@2x.png" />
                            </li>
                            <li title="电话" class="_j_emojiitem">
                              <img src="../assets/images/248@2x.png" />
                            </li>
                            <li title="手机" class="_j_emojiitem">
                              <img src="../assets/images/249@2x.png" />
                            </li>
                            <li title="信号" class="_j_emojiitem">
                              <img src="../assets/images/250@2x.png" />
                            </li>
                            <li title="电池" class="_j_emojiitem">
                              <img src="../assets/images/251@2x.png" />
                            </li>
                            <li title="插头" class="_j_emojiitem">
                              <img src="../assets/images/252@2x.png" />
                            </li>
                            <li title="照相机" class="_j_emojiitem">
                              <img src="../assets/images/253@2x.png" />
                            </li>
                            <li title="录像机" class="_j_emojiitem">
                              <img src="../assets/images/254@2x.png" />
                            </li>
                            <li title="票" class="_j_emojiitem">
                              <img src="../assets/images/255@2x.png" />
                            </li>
                            <li title="音乐" class="_j_emojiitem">
                              <img src="../assets/images/63@2x.png" />
                            </li>
                            <li title="绘画" class="_j_emojiitem">
                              <img src="../assets/images/256@2x.png" />
                            </li>
                            <li title="锁" class="_j_emojiitem">
                              <img src="../assets/images/257@2x.png" />
                            </li>
                            <li title="置顶" class="_j_emojiitem">
                              <img src="../assets/images/258@2x.png" />
                            </li>
                            <li title="十八禁" class="_j_emojiitem">
                              <img src="../assets/images/259@2x.png" />
                            </li>
                            <li title="秘密" class="_j_emojiitem">
                              <img src="../assets/images/260@2x.png" />
                            </li>
                            <li title="正确" class="_j_emojiitem">
                              <img src="../assets/images/261@2x.png" />
                            </li>
                            <li title="错误" class="_j_emojiitem">
                              <img src="../assets/images/262@2x.png" />
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </dt>
                  <dd>
                    <div class="reply-text">
                      <textarea
                        name="content"
                        cols="30"
                        rows="10"
                        id="commentContent"
                        placeholder=""
                        class="_j_replyarea"
                      ></textarea>
                    </div>
                  </dd>
                </dl>
                <div class="reply-submit">
                  <a
                    role="button"
                    title="发表回复"
                    class="_j_publish_reply commentBtn"
                    >发表回复</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="view_side">
        <div class="relations _j_stas_content">
          <div
            id="pagelet-block-b50249fefe90f4816744a1eed56a7049"
            data-api=":note:pagelet:rightMddApi"
            data-params='{"iid":"12655354"}'
            data-async="1"
            data-controller=""
            class="pagelet-block"
          >
            <div class="slide-right-container">
              <div class="relation_mdd">相关目的地： &nbsp;&nbsp;</div>
              <div class="its_others">
                <div class="mdd_info">
                  <a
                    href="./views/destination/guide?id=5e2ab4f48847000059006e2c"
                    title="detail.dest.name"
                    target="_blank"
                    class="_j_mdd_stas"
                    ><img
                      src="../assets/images/faedab64034f78f05ebbe45f7b310a55b2191ced.jpg"
                      width="240px"
                    />
                    <i></i> <strong>上海</strong></a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="side_sticky _j_sticky_block">
          <div
            id="pagelet-block-cf05fa839072c3781ee6b0ff89ced384"
            class="pagelet-block"
          >
            <div id="_j_mainmdd_rel_gls" class="mainmdd_rel_notes _j_topblock">
              <div class="notes_gonglve" style="margin-bottom: 0px">
                <div class="side_title">相关攻略</div>
                <div id="_j_gl_slide_container" class="gonglve_slide gs1">
                  <ul class="gs_content" style="left: 0px"></ul>
                  <ul class="gs_nav gs_nav3">
                    <li
                      data-id="0"
                      class="gs_nav_item1 _j_gl_item_switch on"
                    ></li>
                    <li data-id="1" class="gs_nav_item2 _j_gl_item_switch"></li>
                    <li data-id="2" class="gs_nav_item3 _j_gl_item_switch"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          id="pagelet-block-9ec395fc9c1fc520835dc7de18ceacb1"
          class="pagelet-block"
        >
          <div id="_j_mainmdd_rec_gls" class="mainmdd_rel_notes _j_topblock">
            <div class="notes_gonglve" style="margin-bottom: 0px">
              <div class="side_title">相关游记</div>
              <div id="_j_rec_slide_container" class="gonglve_slide gs1">
                <ul class="gs_content" style="left: 0px"></ul>
                <ul class="gs_nav gs_nav3">
                  <li
                    data-id="0"
                    class="gs_nav_item1 _j_gl_item_switch on"
                  ></li>
                  <li data-id="1" class="gs_nav_item2 _j_gl_item_switch"></li>
                  <li data-id="2" class="gs_nav_item3 _j_gl_item_switch"></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { ApiTravelsDetail } from "../request/api";
export default {
  data() {
    return {
      //游记详情数据
      detailObj: {},
      userInfo:{}
    };
  },
  async created() {
    //游记详情请求
    let res = await ApiTravelsDetail(this.$route.query.id);
    //判断请求是否成功
    if (res.code !== 200) {
      alert("请求失败");
      return;
    }
    this.detailObj = res.data;
    this.userInfo = res.data.author
  },
};
</script>

<style lang="less" scoped>
.set_back {
  z-index: 1;
  opacity: 1;
}
.vc_articleT img {
  width: 100%;
}
.set_index {
  height: 480px;
  /* background: url(/images/post/new_notes/nn_v2/page_bg.jpg) center 0 no-repeat; */
  background-size: cover;
  position: relative;
}

.hide {
  display: none;
}

a {
  outline: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

.set_bg {
  background-size: cover;
}

.set_bg,
.set_map {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-position: center 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

.set_bg img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.title_bg {
  height: 119px;
  background: url(../assets/images/title_bg.png) 0 bottom repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.view_info {
  width: 100%;
  height: 90px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
}

.vi_con {
  width: 830px;
  padding: 0 0 10px 150px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.vi_con h1 {
  width: 710px;
  height: 80px;
  font-size: 26px;
  line-height: 38px;
  overflow: hidden;
}

.vi_con h1.lh80 {
  line-height: 80px;
}

.view_title {
  height: 80px;
  border-bottom: 1px solid #d7d7d7;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 16;
}

.vt_center {
  width: 1000px;
  margin: 0 auto;
}

.ding {
  width: 70px;
  position: absolute;
  right: 20px;
  top: 15px;
  text-align: center;
}

.view_title .ding {
  position: absolute;
  right: 50%;
  top: -77px;
  margin-right: -475px;
  color: #fff;
  z-index: 4;
}

.ding a {
  width: 37px;
  height: 33px;
  display: inline-block;
  margin-bottom: 5px;
  text-align: center;
  line-height: 32px;
  background: url(../assets/images/sprite_v35.png) -293px -236px no-repeat;
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 0 1px #fcaf54;
}

.view_title .ding .num {
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, STHeiti;
}

.person {
  width: 480px;
  padding: 20px 0 0 150px;
  float: left;
  position: relative;
}

.person a.per_pic {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 88;
}

.person a.per_name {
  color: #ff7200;
  font-size: 14px;
  font-weight: normal;
}

.person a {
  display: inline-block;
  margin-right: 5px;
}

.person a.per_pic img {
  border-radius: 50%;
}

.person a.per_grade {
  color: #ea3c1a;
  font-family: Verdana, Arial, Helvetica, STHeiti;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

.vc_time .time,
.vc_time span {
  font-family: Verdana, Arial, Helvetica, STHeiti;
}

.vc_time {
  color: #acacac;
  display: inline;
  margin-left: 10px;
}

.vc_time span {
  display: inline-block;
  margin-right: 10px;
}

.vc_time .time,
.vc_time span {
  font-family: Verdana, Arial, Helvetica, STHeiti;
}

.vc_time span i {
  width: 18px;
  height: 14px;
  display: inline-block;
  background: url(../assets/images/sprite_v35.png) -51px -327px no-repeat;
  margin-right: 4px;
  vertical-align: -2px;
}

.bar_share {
  float: right;
}

.view_title .bs_share {
  border-right: 1px solid #e8e8e6;
}

.bs_collect,
.bs_share {
  float: right;
}

.bs_share {
  position: relative;
  z-index: 10;
}

.view_title .bs_collect,
.view_title .bs_share {
  width: 120px;
  height: 65px;
  padding-top: 15px;
  text-align: center;
  border-left: 1px solid #e8e8e6;
}

.bar_share a.bs_btn {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  width: 80px;
  position: relative;
  z-index: 1;
}

.view_title .bar_share a.bs_btn {
  width: auto;
}

.bar_share a.bs_btn i {
  width: 25px;
  height: 24px;
  display: inline-block;
  background: url(../assets/images/sprite_v35.png) -240px -576px no-repeat;
}

.bs_share a.bs_btn i {
  background-position: -269px -576px;
}

.view_title .bar_share a.bs_btn i {
  display: block;
  margin: 0 auto 7px;
}

.bar_share .bs_btn strong {
  display: none;
  font-weight: normal;
}

.bar_share .bs_btn span,
.bar_share .bs_btn strong {
  width: 30px;
}

.view_title .bar_share .bs_btn span {
  display: inline-block;
  width: auto;
}

.view_title .bar_share .bs_btn span,
.view_title .bar_share .bs_btn strong,
.view_title .bar_share .bs_btn:hover span,
.view_title .bar_share .bs_btn:hover strong {
  display: inline-block;
}

.bs_pop {
  width: 132px;
  padding: 8px 10px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 0;
  top: 100%;
  display: none;
  z-index: 10;
}

.bs_pop a {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin: 0 12px 0 0;
  background: #d84c4c url(../assets/images/sprite_v35.png) -295px -569px
    no-repeat;
  line-height: 200px;
  overflow: hidden;
  float: left;
  border-radius: 5px;
}

.bs_pop a.zone {
  background-color: #3f8bc0;
  background-position: -331px -569px;
}

.bs_pop a.weixin {
  margin-right: 0;
  background-color: #73a64f;
  background-position: -367px -569px;
}

.view_title .bar_share a.bs_btn {
  width: auto;
}

.bar_share a.bs_btn {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  width: 80px;
  position: relative;
  z-index: 1;
}

.view_title .bar_share a.bs_btn i {
  display: block;
  margin: 0 auto 7px;
}

.bar_share a.bs_btn i {
  width: 25px;
  height: 24px;
  display: inline-block;
  background: url(../assets/images/sprite_v35.png) -240px -576px no-repeat;
}

.bs_share a.bs_btn i {
  background-position: -269px -576px;
}

.view {
  width: 1000px;
  margin: 40px auto 20px;
}

.view_con {
  width: 680px;
  float: left;
}

.view_side {
  width: 240px;
  float: right;
}

.travel_directory {
  border: 1px dashed #d7d7d7;
  padding-bottom: 18px;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 4px;
  position: relative;
}

.tarvel_dir_list {
  margin-left: 20px;
}

.tarvel_dir_list ul {
  width: 100%;
}

.tarvel_dir_list ul li {
  width: 170px;
  margin-top: 18px;
  float: left;
  display: inline;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  color: #666;
  padding-left: 5%;
  background: url(../assets/images/151204sprite1.png) no-repeat;
  cursor: pointer;
}

.tarvel_dir_list ul li.time {
  background-position: -22px 0;
}

.tarvel_dir_list ul li.day {
  background-position: -22px -22px;
}

.tarvel_dir_list ul li.people {
  background-position: -22px -44px;
}

.tarvel_dir_list ul li.cost {
  background-position: -22px -66px;
}

.tarvel_dir_list ul li span {
  color: #ff9d00;
  margin: 0 5px;
}

.tarvel_dir_list ul li i {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.slide-right-container {
  position: relative;
}

.relation_mdd {
  margin-bottom: 12px;
  font-size: 14px;
}

.its_others {
  margin-bottom: 20px;
  font-size: 14px;
}

.pics_num {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
}

.relation_mdd a {
  color: #ff8a00;
}

.mdd_info {
  width: 240px;
  position: relative;
  height: 160px;
  overflow: hidden;
}

.mdd_info i {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  /* background: url(/images/cover_bg.png) 0 bottom repeat-x; */
}

.mdd_info strong {
  position: absolute;
  left: 10px;
  right: 10px;
  color: #fff;
  font-size: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  bottom: 12px;
  font-weight: normal;
}

.pics_num {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
}

.pics_num strong {
  font-size: 22px;
  font-family: Arial;
  margin: 0 3px;
  position: relative;
  top: 2px;
}

.pics_num a {
  width: 20px;
  height: 20px;
  float: right;
  //   background: url(../assets/images/nn_sprite_v22.png) -413px -257px no-repeat;
  margin-top: 5px;
}

.pics_num a:hover {
  background-position: -434px -257px;
}

.mainmdd_rel_notes {
  overflow: hidden;
  margin-bottom: 16px;
}

.notes_gonglve {
  margin-bottom: 35px;
}

.view_side .side_title {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1;
}

.gonglve_slide {
  position: relative;
  overflow: hidden;
  height: 166px;
}

.gonglve_slide .gs_content {
  position: absolute;
  height: 160px;
  left: 0;
  top: 0;
  width: 9999px;
}

.gonglve_slide .gs_nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 105%;
  overflow: hidden;
  height: 4px;
}

.gonglve_slide .gs_content li {
  float: left;
  width: 240px;
  position: relative;
  height: 160px;
  overflow: hidden;
}

.gonglve_slide .gs_content a {
  color: #fff;
}

.gonglve_slide .gs_nav li {
  float: left;
  height: 4px;
  background-color: #e5e5e5;
  margin-right: 1px;
  width: 80px;
  cursor: pointer;
}

.gonglve_slide .gs_nav .on {
  background-color: #ff9d00;
}

.mainmdd_rel_notes {
  overflow: hidden;
  margin-bottom: 16px;
}

.gonglve_slide {
  position: relative;
  overflow: hidden;
  height: 166px;
}

.mfw-cmt-wrap {
  width: 680px;
  margin: 60px auto;
}

.mfw-cmt {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 24px;
}

.mcmt-info {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #f6f6f6;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.mcmt-con-wrap {
  padding-left: 68px;
  margin-top: 12px;
  position: relative;
}

.mcmt-bot {
  padding-left: 68px;
  height: 24px;
  line-height: 24px;
  color: #999;
  margin-top: 16px;
}

.mcmt-photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
  position: relative;
}

.mcmt-user {
  float: left;
}

.mcmt-other {
  float: right;
  padding-right: 10px;
}

.mcmt-photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.mcmt-user .name {
  color: #ff8a00;
  margin-right: 6px;
}

.mcmt-user .level {
  color: #ef523d;
  margin-right: 6px;
}

.mcmt-other .floor {
  font-size: 12px;
  color: #999;
}

.mcmt-con {
  width: 486px;
  float: left;
}

.mcmt-tag {
  float: right;
}

.mcmt-quote {
  color: #999;
}

.mcmt-word {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
}

.mcmt-bot .time {
  float: left;
  margin-right: 12px;
}

.mcmt-bot .form {
  float: left;
  position: relative;
}

.mcmt-bot .option {
  float: right;
  padding-right: 5px;
}

.mcmt-user .identity,
.mcmt-other .state,
.mcmt-bot .form i,
.mcmt-tag i,
.reply-choice > a,
.mcmt-tab .about_jp i,
.won-swich i {
  //   background: url(../assets/images/logo.png) no-repeat;
}

.mcmt-bot .form i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 16px;
  height: 16px;
  background-position: 0 -82px;
  margin-right: 3px;
  margin-left: 10px;
}

.mcmt-bot .form img {
  position: absolute;
  left: 102%;
  bottom: -5px;
  z-index: 20;
  display: none;
}

.mcmt-bot .option a.reply-report {
  display: none;
}

.mcmt-bot .option a {
  margin: 0 5px;
}

.mcmt-reply-wrap {
  margin-top: 30px;
  margin-bottom: 50px;
}

.mcmt-tab {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #e4e4e4;
  margin-left: 68px;
  margin-bottom: 20px;
}

.mcmt-tab .about_jp {
  float: right;
  color: #999;
}

.mcmt-tab .about_jp i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-position: 0 -61px;
}

.mcmt-tab li {
  float: left;
  position: relative;
  width: 180px;
  text-align: center;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}

.mcmt-tab li.on {
  color: #ff9d00;
}

.mcmt-tab li i {
  display: none;
  width: 100%;
  height: 3px;
  background-color: #ff9d00;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.mcmt-tab li.on i {
  display: block;
}

.mcmt-tab-con {
  padding-left: 68px;
  position: relative;
}

.photo-con {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}

.photo-con img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.reply-con dl {
  border: 1px solid #e5e5e5;
}

.reply-submit {
  float: right;
  margin-top: 20px;
}

.reply-con dt {
  height: 36px;
  padding: 12px 6px 12px 28px;
  background: #f6f6f6;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.show-selected-give-sign {
  display: block;
  position: absolute;
  width: 43px;
  height: 40px;
  top: 15px;
  right: 16px;
}

.reply-choice {
  width: 242px;
  height: 30px;
  padding: 3px 0;
  position: relative;
}

.mcmt-user .identity,
.mcmt-other .state,
.mcmt-bot .form i,
.mcmt-tag i,
.reply-choice > a,
.mcmt-tab .about_jp i,
.won-swich i {
  background: url(../assets/images/sprite_v2.png) no-repeat;
}

.reply-choice > a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 28px;
}

.reply-choice > a.expression {
  background-position: -30px -870px;
}

.reply-choice > a.at {
  background-position: -60px -870px;
}

.clear {
  clear: both;
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.art_newpop {
  width: 396px;
  height: 228px;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 0 0 9px #ccc;
  position: absolute;
  left: -23px;
  top: 50px;
  z-index: 100;
}

.art_pop {
  cursor: default;
  position: absolute;
  left: -1px;
  top: 40px;
  z-index: 100;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.art_newtab {
  width: 100%;
  height: 34px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
}

.newtab-nav {
  height: 35px;
  float: left;
  width: 324px;
  overflow: hidden;
  position: relative;
}

.newtab-pagin {
  float: right;
  padding: 6px 10px 0 0;
}

.newtab-nav ul {
  position: absolute;
  width: 9999px;
}

.newtab-nav li {
  float: left;
}

.art_newtab span,
.newtab-nav li {
  display: inline-block;
  width: 80px;
  height: 34px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 12px;
  text-align: center;
  line-height: 34px;
  color: #666;
  cursor: pointer;
}

.newtab-nav li {
  float: left;
}

.art_newtab span.cur,
.newtab-nav li.cur {
  background-color: #fff;
  border-bottom-color: #fff;
}

.newtab-pagin a {
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
  position: relative;
}

.newtab-pagin .disabled,
.newtab-pagin .disabled:hover {
  background-color: #f8f8f8;
  border-color: #e5e5e5;
  cursor: default;
}

.newtab-pagin .newtab-prev > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -4px;
  border-right: 6px solid #aaa;
  border-top: 6px dashed transparent;
  border-bottom: 6px dashed transparent;
  line-height: 0;
  font-size: 0;
}

.newtab-pagin .newtab-prev.disabled > i {
  border-right-color: #d6d6d6;
}

.newtab-pagin .newtab-prev > i i {
  position: absolute;
  left: 3px;
  top: -6px;
  border-right: 6px solid #fff;
  border-top: 6px dashed transparent;
  border-bottom: 6px dashed transparent;
  line-height: 0;
  font-size: 0;
}

.newtab-pagin .newtab-prev.disabled > i i {
  border-right-color: #f8f8f8;
}

.newtab-pagin .newtab-next > i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -3px;
  border-left: 6px solid #aaa;
  border-top: 6px dashed transparent;
  border-bottom: 6px dashed transparent;
  line-height: 0;
  font-size: 0;
}

.newtab-pagin .newtab-next > i i {
  position: absolute;
  right: 3px;
  top: -6px;
  border-left: 6px solid #fff;
  border-top: 6px dashed transparent;
  border-bottom: 6px dashed transparent;
  line-height: 0;
  font-size: 0;
}

.art_newface1 ul {
  width: 378px;
}

.art_newface li {
  margin: -1px 0 0 -1px;
  border: 1px solid #e8e8e8;
  float: left;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.art_newface1 li {
  width: 28px;
  height: 28px;
  padding: 5px 7px 5px 6px;
}

.art_newface1 li img {
  width: 28px;
  height: 28px;
}

.art_pop_title {
  background-color: #f2f2f2;
  height: 30px;
  position: relative;
  line-height: 30px;
  font-weight: 700;
  padding: 0 0 0 20px;
  vertical-align: middle;
  font-size: 12px;
}

.art_at {
  padding: 15px 20px;
  width: 384px;
}

.art_pop_box {
  position: relative;
}

.art_at {
  padding: 15px 20px;
  width: 384px;
}

.art_arrow {
  left: 50%;
  width: 14px;
  height: 7px;
  top: -7px;
  //   background: url(../assets/images/arrow_gray.png) no-repeat;
  position: absolute;
  display: block;
}

.art_at .art_search {
  position: relative;
  margin: 0 0 15px;
  cursor: text;
  padding-top: 5px;
}

.art_opt {
  padding: 10px 0 0;
  overflow: hidden;
  zoom: 1;
}

.art_at .art_search input {
  width: 364px;
  border: 1px solid #efefef;
  height: 20px;
  line-height: 20px;
  padding: 7px 10px;
  font-size: 14px;
  color: #999;
  background-color: #efefef;
}

.art_at .art_search ul.result {
  padding: 6px 0;
  height: 150px;
  top: 30px;
}

ul.result {
  height: 200px;
  padding: 10px 0;
  width: 100%;
  position: absolute;
  left: -1px;
  top: 42px;
  border: 1px solid #d6d6d6;
  background: #fff;
  z-index: 100;
  overflow-y: auto;
  _width: 708px;
}

.art_opt a {
  margin: 0 0 0 5px;
  border-radius: 3px;
  padding: 0 20px;
  display: inline-block;
  float: right;
}

.art_opt a.art_submit {
  color: #fff;
  background-color: #ffa800;
  line-height: 24px;
}

.reply-text {
  padding: 5px;
}

.reply-text textarea {
  outline: 0;
  border: 0;
  padding: 0;
  width: 600px;
  height: 180px;
  resize: none;
  color: #666;
  line-height: 22px;
}

.reply-submit a {
  display: block;
  width: 160px;
  height: 40px;
  background-color: #ff9d00;
  border-radius: 4px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.art_newface2 li {
  width: 23px;
  height: 23px;
  padding: 2px 3px 3px 2px;
}

.art_newface2 li img {
  width: 23px;
  height: 23px;
}

.reply-choice > a.expression:hover {
  background-position: -30px -840px;
}

.va_con,
.va_con p {
  line-height: 28px;
  font-size: 15px;
  color: #444;
}
.loading_backward {
  display: none;
  top: -20px;
  height: 30px;
  z-index: -3;
}
.article_title {
  margin: 20px 0;
  position: relative;
}
.article_title h2.t9 {
  height: 50px;
  overflow: hidden;
  color: #222;
  font-size: 24px;
  line-height: 50px;
  background: 0;
}
.article_title h2.t9 span {
  line-height: 50px;
}

.va_con p {
  margin-bottom: 20px;
  text-align: justify;
  word-break: break-word;
}
.va_con,
.va_con p {
  line-height: 28px;
  font-size: 15px;
  color: #444;
}
.va_con a.link {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px solid #948e8e;
}
a {
  outline: 0;
}
</style>
